<template>
  <div id="app">
      <component :is="showCom"></component>
  </div>
</template>


<script>
export default {
  name: 'app',
    data () {
    return {
        showCom: 'menulist'
    }
  },
  components: {
    'menulist': () => import('./page/common/Menu-common'),
    'login': () => import('./page/common/login-page')
  },
  mounted(){
    
  },
  methods: {
    //读取cookie：
    getCookie(name) {
        let arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");　　
        return (arr = document.cookie.match(reg)) ? unescape(arr[2]) : null;
    }
  }
}
</script>

<style lang="scss">
html{
  height: 100%;
}
body{
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
}

#app{
  height: 100%;
}

a{
  text-decoration: none;
}

.wrap{
  margin: 20px;
}

.el-button.link{
  padding: 0px;
  span{
    display: inline-block;
    a{
      display: inline-block;
      padding:9px 15px;
    }
  }
}

.note-editor.note-frame{
    width: 375px;
}
.el-table th>.cell{
  text-align: center;
}
// .note-toolbar-wrapper.panel-default{
//   height: 0px!important;
// }
.pic{ 
    width: 100%;
    height:60px;
    overflow: hidden; 
    text-align: center;
    img{ width:60px;height:60px;border-radius:50%;display: inline-block;}
}
.pro-item{
   margin: 0;
  border-bottom: 1px solid #dedede;
  padding:12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pro-item:first-child{
  padding-top: 0;
}
.pro-item:last-child{
  border-bottom: none;
  padding-bottom: 0;
}
.table-order {
  .el-table__row {
    .el-table_1_column_3{
      .cell{
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }
    .el-table_1_column_4{
      .cell{
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }
    .el-table_1_column_5{
      .cell{
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }
  }
}
   
</style>
